<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="css/sm.min.css">
    <link rel="stylesheet" href="css/publishActivity.css"/>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    <script type="text/javascript" src="js/angular.min.js"></script>

</head>
<body>
<style>

    .insert_picture {
        position: relative;
        width: 80px;
        height:80px;

    }

    .insert_picture_img {
        width: 46%;
        height: 100%;
        position: absolute;

        top: 0
    }

    .insert_picture_img img {
        width: 100%;
        height: 100%;
    }

    .insert_picture_input {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0
    }

</style>
<div class="page-group">
    <!-- 你的html代码 -->
    <div class="page page-current">
        <header class="bar bar-nav header">
            <div class="float-left">
                <a class="icon  pull-left " onclick="javascript: history.go(-1)">
                    <img class="open-panel-ioc" src="img/back-ioc.png"/>
                </a>
            </div>
            <h3 class="title">发布活动</h3>
        </header>

        <div class="content">


            <!-- 这里是页面内容区 -->

            <div class="page-index page-conten">

                <ul class="active-content">
                    <li>活动标题:&nbsp;<input value="" ng-model="activity.title" maxlength="15"></li>
                    <hr/>
                    <li>开始时间:&nbsp;<input ng-model="activity.Stime" placeholder='2016/05/05'/></li>
                    <li>结束时间:&nbsp;<input ng-model="activity.Etime" placeholder='2016/05/06'/></li>
                    <li>活动地址:&nbsp;<input value="" ng-model="activity.Position" maxlength="10"/></li>
                    <li>联系电话:&nbsp;<input value="" ng-model="activity.phone" maxlength="15"/></li>
                    <li>活动人数:&nbsp;<input value="" ng-model="activity.num" maxlength="15"/></li>
                    <li>活动图片：</li>
                    <div class="insert_picture" style="width: 100%">

                        <div class="insert_picture_img addpic" style="left: 0;">
                            <img id="pia" ng-if="!img" src="img/charutupian.jpg"/>
                        </div>
                        <div class="insert_picture_img" style="right: 18px">
                            <img id="pic"/>
                        </div>

                    </div>


                    </form>
                    <form class="uplodefile" style="display: none;">

                        <input type="file" name="files" accept="image/jpg,image/jpeg,image/png" id="addfile">
                    </form>
                    <li>活动详情:&nbsp;</li>

                    <textarea id="activity-details" ng-model="activity.detials"/>
                    </textarea>
                    <hr/>
                </ul>

                <div id="push" ng-click="push()">
                    <span>发布</span>
                </div>

            </div>
            <!--page-index-End-->
        </div>
        <!--content-end-->
    </div>
    <!--page-end-->
</div>
<!--pagegroup-end-->


<script type="text/javascript" src="js/zepto.js" charset='utf-8'></script>
<script type="text/javascript" src="js/sm.min.js" charset='utf-8'></script>


</body>
</html>
 